import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView
    },
    {
      path: '/my',
      name: 'my',
      component: () => import('../views/MyView/MyView.vue')
    },
    {
      path: '/shoppingmall',
      name: 'shoppingmall',
      component: () => import('../views/ShoppingMallView/ShoppingMall.vue')
    },
    {
      path: '/live',
      name: 'live',
      component: () => import('../views/LiveView/LiveView.vue')
    },



    {
      path: '/collection',
      name: 'collection',
      component: () => import('../views/MyView/CollectionView.vue')
    },

    {
      path: '/video/:list',
      name: 'video',
      props: true,
      component: () => import('../views/VIdeoView/VideoView.vue')
    },
    {
      path: '/singin',
      name: 'singin',
      component: () => import('../views/SignInView/SignIn.vue')
    },

    {
      path: '/search',
      name: 'search',
      component: () => import('../views/SearchView/SearchView.vue')
    },

    {
      path: '/product/details/:id',
      name: 'productdetails',
      props:true,
      component: () => import('../views/ProductDetailsView/ProductDetailsView.vue')
    },

    {
      path: '/shoppingcart',
      name: 'shoppingcart',
      component: () => import('../views/ShoppingCartView/ShoppingCartView.vue')
    },

    {
      path: '/order/:list',
      name: 'order',
      props:true,
      component: () => import('../views/OrderView/OrderView.vue')
    },
    {
      path: '/orderlist/:id',
      name: 'orderlist',
      props:true,
      component: () => import('../views/OrderView/OrderList.vue')
    },



  ]
})

export default router
